/* 获取地址栏中的关键字 */
var keyword = getParamsByUrl(location.href, 'keyword');
//当前页
var page = 1;
//页面中数据
var html = "";
//添加排序规则 默认升序
var priceSort = 1;
var This = null;

$(function () {
  /* 根据用户输入的关键字获取搜索结果
  1.获取地址栏中的用户输入的关键字
  2.用关键字去获取搜索接口
  3.将搜索结果展示在页面中  */
  mui.init({
    pullRefresh: {
      container: '#refreshContainer', //待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
      up: {
        height: 50, //可选.默认50.触发上拉加载拖动距离
        auto: true, //可选,默认false.自动上拉加载一次
        contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
        contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
        callback: getData //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
      }
    }
  });
  /* 点击价格对商品进性排序 
  1.对价格按钮添加轻敲事件
  2.对将价格排序规则传递到接口中
  3.对之前的陪值进行初始化
  4.将排序完的结果展示到页面中*/

  $("#priceSort").on('tap', function () {
    //更改价格排序条件
    priceSort = priceSort == 1 ? 2 : 1;
    html = "";
    page = 1;
    mui("#refreshContainer").pullRefresh.refresh(true);
    getData();
  });

});


function getData() {
  if (!This) {
    This = this;
  }
  $.ajax({
    url: '/product/queryProduct',
    type: 'get',
    data: {
      page: page++,
      pageSize: 3,
      proName: keyword,
      price: priceSort,
    },
    success: function (response) {
      console.log(response);

      if (response.data.length > 0) {
        html += template('searchTpl', response);
        $("#search-box").html(html);
        //告诉上拉组件当前数据加载完毕
        This.endPullupToRefresh(false);
      } else {
        This.endPullupToRefresh(true);
      }
    }
  });
}